.button-base {
  border: 1px solid transparent;
  outline: none;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;

  &.primary {
    background-color: #1890ff;
    border-color: #1890ff;
    color: white;
  }
  &.primary:hover {
    background-color: #40a9ff;
  }
  &.primary:active {
    background-color: #007ce1;
  }

  &.default {
    background-color: transparent;
    border-color: #ccc;
    color: #666;
  }
  &.default:hover {
    color: #40a9ff;
    border-color: #40a9ff;
  }
  &.default:active {
    color: #007ce1;
    border-color: #007ce1;
  }

  &.disabled {
    cursor: not-allowed;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    color: rgba(0,0,0,0.25);
  }

}
